<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,minimal-ui">
	<title>北陆教育</title>
	<link rel="stylesheet" href="css/comm.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/swiper-bundle.min.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="js/layui/css/layui.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.aniview.min.js"></script>
	<script src="js/swiper-bundle.min.js"></script>
	<script src="js/menu.js"></script>
	<script src="js/index.js"></script>
	<script src="js/layui/layui.js"></script>
	<script>
        $(document).ready(function(){
            $('.aniview').AniView();
        });
    </script>
</head>
<body>
	<div class="mine">
		<div class="user">
			<header>
				<div class="Gwidth">
					<nav class="head_nav head_n_nav">
						<div class="back">
							<a href=""></a>
						</div>
						<ul>
							
							<li>
								<a href="">设置</a>
							</li>
						</ul>
						<div ></div>
					</nav>
				</div>
			</header>
		</div>
		<div class="Gwidth">
			<ul id="site">
				<li class="phone">
					<span>手机号</span>
					<span>133*****740</span>
				</li>
				<li class="email">
					<span>邮箱</span>
					<span>未设置</span>
				</li>
				<li class="name">
					<span>昵称</span>
					<span>user20210101</span>
				</li>
				<li class="sex">
					<span>性别</span>
					<span>未设置</span>
				</li>
				<li class="birthday">
					<span>生日</span>
					<span>未设置</span>
				</li>
				<li class="address">
					<span>地区</span>
					<span>未设置</span>
				</li>
				<li class="pwd">
					<span>修改密码</span>
					<span></span>
				</li>
			</ul>
			<!-- 设置手机号 -->
			<form id="m_phone" class="modify_form" action="" method="post">
				<div class="content">
					<div class="close"></div>
					<div class="phone">
						<input type="text" name="" placeholder="请输入手机号">
					</div>
					<div class="code">
						<input type="text" name="" placeholder="验证码">
						<button type="button" class="m_phone_code">获取验证码</button>
					</div>
					<button class="Gsubmit">提交</button>
				</div>
			</form>
			<!-- 设置邮箱 -->
			<form id="m_email" class="modify_form " action="" method="post">
				<div class="content">
					<div class="close"></div>
					<div class="email">
						<input type="text" name="" placeholder="请输入邮箱">
					</div>
					<button class="Gsubmit">提交</button>
				</div>
			</form>
			<!-- 设置昵称 -->
			<form id="m_name" class="modify_form " action="" method="post">
				<div class="content">
					<div class="close"></div>
					<div class="name">
						<input type="text" name="" placeholder="请输入昵称">
					</div>
					<button class="Gsubmit">提交</button>
				</div>
			</form>
			<!-- 设置生日 -->
			<form id="m_birthday" class="modify_form" action="" method="post">
				<div class="content">
					<div class="close"></div>
					<input type="text" class="layui-input" id="date" placeholder="YYYY-MM-DD">
					<button class="Gsubmit">提交</button>
				</div>
			</form>
			<script>
                layui.use('laydate', function(){
                    var laydate = layui.laydate;
                    
                    //执行一个laydate实例
                    laydate.render({
                        elem: '#date' //指定元素
                    });
                });
            </script>
			<!-- 设置性别 -->
			<form id="m_sex" class="modify_form" action="" method="post">
				<div class="content">
					<div class="close"></div>
					<select name="sex" id="">
						<option value="1">男</option>
						<option value="0">女</option>
					</select>
					<button class="Gsubmit">提交</button>
				</div>
			</form>
			<!-- 设置地区 -->
			<form id="m_address" class="modify_form" action="" method="post">
				<div class="content">
					<div class="close"></div>
					<div data-toggle="distpicker" >
						<select></select>
						<select></select>
						<select></select>
					</div>
					<script src="js/distpicker.js"></script>
					<button class="Gsubmit">提交</button>
				</div>
			</form>
			<!-- 修改密码 -->
			<form id="m_pwd" class="modify_form" action="" method="post">
				<div class="content">
					<div class="close"></div>
					<div class="phone">
						<input type="text" name="" placeholder="请输入手机号">
					</div>
					<div class="code">
						<input type="text" name="" placeholder="验证码">
						<button type="button" class="m_pwd_code">获取验证码</button>
					</div>
					<div class="pwd">
						<input type="password" name="pwd" placeholder="请输入密码">
					</div>
					<button class="Gsubmit">提交</button>
				</div>
			</form>
		</div>
		
	</div>
	
	<!-- 底部导航 -->
	<div class="btm_nav">
		<ul>
			<li >
				<a href="tel:13373423845">一键拨号</a>
			</li>
			<li>
				<a href="">在线咨询</a>
			</li>
			<li>
				<a href="">提问求助</a>
			</li>
			<li>
				<a href="">预约专家</a>
			</li>
			<li class="active">
				<a href="">我的</a>
			</li>
		</ul>
	</div>
	
</body>
</html>